import Vue from 'vue'
import { Button } from 'element-ui'

// 导入引入组件    // 导入element-ui组件库  // 导入组件相关样式
//可以分开放，也可以放一起
import { Form, FormItem } from 'element-ui'
import { Input } from 'element-ui'
import { Message } from 'element-ui'
import { Container, Header, Aside, Main } from 'element-ui'
import { Menu, Submenu, MenuItem } from 'element-ui'
import { Breadcrumb, BreadcrumbItem, Card, Row, Col } from 'element-ui'
import { Table, TableColumn, Switch, Tooltip } from 'element-ui'
import { Pagination } from 'element-ui'
import { Dialog } from 'element-ui'
import { MessageBox } from 'element-ui'
import { Tag } from 'element-ui'
import { Tree } from 'element-ui'
import { Select, Option } from 'element-ui'
import { Cascader } from 'element-ui'

import { Alert, Tabs, TabPane } from 'element-ui'






// 时间线
import { Timeline, TimelineItem } from 'element-ui'



Vue.use(Button)

// 导入组件
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)

Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)

Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)

Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)

Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)

Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Tag)

Vue.use(Tree)

Vue.use(Select)
Vue.use(Option)

Vue.use(Cascader)

Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)



// 时间线
Vue.use(Timeline);
Vue.use(TimelineItem);


// message不是组件，不需要使用use函数
Vue.prototype.$message = Message
    // MessageBox比较特殊，不需要使用use函数
Vue.prototype.$confirm = MessageBox.confirm

// 数据在服务器端的使用